
// 热门数据的请求参数
let params = {
  skip: 0,
  limit: 12
};

// 总条数
let total = 0;



Component({

  data: {
    // 接口的根地址
    baseURL: "http://192.168.1.4:3000/",
    // 精选大图
    covers: [],
    // 月份
    month: {},
    // 热门
    hots: []
  },

  // 生命周期东西
  lifetimes: {
    attached: function () {
      // 获取精选大图
      this.getCover();
      // 获取月份的数据
      this.getMonth();
      // 获取热门数据
      this.getHots();
    },
  },
  methods: {
    // 获取精选大图数据
    getCover() {
      // 类似 web ajax 
      wx.request({
        url: 'http://192.168.1.4:3000/home/cover',
        success: (result) => {
          this.setData({
            covers: result.data.data
          })
        }
      });
    },
    // 获取月份数据
    getMonth() {
      wx.request({
        url: 'http://192.168.1.4:3000/home/month',
        success: (result) => {
          console.log(result);
          let month = result.data.data;

          // 根据一个时间戳 返回一个日期类型的对象  date
          const date = new Date(month.date);
          // 根据需求 构造 数据 " 16 / 9 月 "
          const msg = date.getDate() + " / " + (date.getMonth() + 1) + " 月";
          // 动态给month对象添加了一个属性 msg
          month.localDate = msg;
          /* 
          month={
            date,
            list,
            title,
            localDate
          }
           */
          this.setData({
            month: month
          })
        },
      });
    },
    // 获取热门数据
    getHots() {
      // 显示加载中
      wx.showLoading({
        title: "加载中",
      });

      wx.request({
        // url: 'http://192.168.1.4:3000/home/hot?skip=0&limit=12',
        url: 'http://192.168.1.4:3000/home/hot',
        // 参数
        data: params,
        success: (result) => {
          // console.log(result);
          this.setData({
            // 后台返回了什么数据 完全替换到自己的data中了 
            // hots: result.data.data.list
            //  es6 js高级的语法  拼接数组  拓展运算符 延展运算符 
            hots: [...this.data.hots, ...result.data.data.list]
          });
          // 给总条数赋值
          total = result.data.data.list;

          // 隐藏加载中
          wx.hideLoading();

        }
      });

    },
    // 滚动条触底
    scrolltolower() {
      // 1 先判断还有没有下一页数据
      if (params.skip >= total) {
        // 没有下一页数据
        wx.showToast({
          title: '没有更多数据了',
          // icon:"success"
          icon: 'none',// 弹出窗口的小图标
        });

        return;
      }

      params.skip += 12;
      this.getHots();// 里面会自动的引用 params参数 
    }
  }
})
